<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>VisualizeHistory.com</title>
	<link rel="stylesheet" type="text/css" href="css/styles.css" />

	<!-- Yahoo! User Interface core -->
	<script src="http://yui.yahooapis.com/2.3.1/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
	<script src="http://yui.yahooapis.com/2.3.1/build/element/element-beta-min.js" type="text/javascript"></script>

	<!-- Specific Yahoo! API requirements -->
	<script src="http://yui.yahooapis.com/2.3.1/build/animation/animation-min.js" type="text/javascript"></script>
	<script src="http://yui.yahooapis.com/2.3.1/build/dragdrop/dragdrop-min.js" type="text/javascript"></script>
	<script src="http://yui.yahooapis.com/2.3.1/build/slider/slider-min.js" type="text/javascript"></script>
	
	<!-- Google Maps API -->
	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAbNpbJQzOmQ3LpYb48UbbNxSZT5Tpn1taJFQH4Y5Wf2aA8FIGoRR00-ePrq_DDT5-FUNm7KoXKkB1lQ" type="text/javascript"></script>

	<!-- Open sourced LabeledMarker for Google Maps -->
	<script src="js/labeledmarker.js" type="text/javascript"></script>

	<!-- vishis-specific scripts -->
	<script src="js/cookie.js" type="text/javascript"></script>
	<script src="js/map.js" type="text/javascript"></script>
	<script src="js/nav.js" type="text/javascript"></script>
	<script src="js/slider.js" type="text/javascript"></script>
	<script src="js/server.js" type="text/javascript"></script>
	<script src="js/JSON.js" type="text/javascript"></script>
	<script src="js/vishis.js" type="text/javascript"></script>


</head>
<body class="sidebar-right" onload="load()" onunload="unload()">
  <div id="header">
	<h1>VisualizeHistory.com</h1>
  </div>
  <div id="content">
	<div id="viewing-panel">
		<div id="map"></div>
	</div>
	<div id="nav-panel">
		<h3>Popular Examples (debug)</h3>
		<ul>
			<li><a href="javascript:void(0);" onclick="Server.search('American Presidents', nav.addTopic, nav);">American Presidents</a></li>
			<li><a href="javascript:void(0);" onclick="Server.search('http://code.google.com/apis/kml/documentation/us_states.kml', nav.addTopic, nav);">U.S. States</a></li>
			<li>
				<form>
					<input type="text"/>
					<input type="button" value="add url" 
					onclick="var val=parentNode.childNodes[1].value;
					if(val){
						Server.search(val, nav.addTopic, nav);
					}
					return false;"
					/>
				</form>
			</li>
			<hr />
			<li><a href="javascript:void(0);" onclick="nav.map.clearTopics();return false;">Clear map</a></li>
		</ul>
	</div>
  </div>
 
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-2026299-2");
pageTracker._initData();
pageTracker._trackPageview();
</script>
  </body>
</html>
